<div id="header">
 <div class="navigation">
 	<div class="nav-left">
 		<img src="" alt="tupian">
 		<input type="text" placeholder="Search">
 	</div>
 	<div class="nav-right">
 		{{if user}}
 		<div>
 			<span>>>></span>
 				<ul>
		 			<li>账号：{{user.nickname}}</li>
		 			<li><a href="/edit">设置</a></li>
		 			<li><a href="/logout">退出</a></li>
		 		</ul>		
 		</div>	
 		{{else}}
 		<a href="/register">注册页面</a>
  		<a href="/login">登录页面</a>
  		{{/if}}
 	</div>
 </div> 
</div>
<style>
	*{margin:0;padding: 0;}
	ul>li{list-style-type: none;}
	#header {
		width: 100%;
		background: #eee;
	}
	#header .navigation{width: 1300px;height: 50px;margin: 0px auto;line-height: 50px;}
	#header .navigation .nav-left{float: left;}
	#header .navigation .nav-left input{width: 200px;height: 30px;box-shadow: 0 0 1px #eee;margin-left: 10px;}
	#header .navigation .nav-right{float: right;}
	#header .navigation .nav-right div{display: inline-block; position: relative;width: 100px;text-align: center;}
	#header .navigation .nav-right div:hover ul{display: block;}
	#header .navigation .nav-right div ul{position: absolute; display: none;overflow: hidden;line-height: 30px;z-index: 10}
	#header .navigation .nav-right a{display: inline-block; width: 95px; height: 38px; border:1px solid black;line-height: 38px;text-align: center;}
</style>